<?php

use app\assets\AppAsset;
use app\common\services\UrlServices;

AppAsset::register($this);
$upload_config = \Yii::$app->params['uploads'];
?>
<!DOCTYPE html>
<html lang="en">
<meta content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0" name="viewport">
<title>人脸对比demo</title>
<head>
    <meta charset="UTF-8">
    <title>Document</title>
    <style>
        * {
            margin: 0;
            padding: 0;
            color: #0f0f0f;
        }

        ul {
            width: 100%;
            font-size: 0;
        }

        li {
            display: inline-block;
            vertical-align: top;
            width: 33.3%;
            padding-top: 33.3%;
            position: relative;
            font-size: 16px;
        }

        li img {
            position: absolute;
            left: 0;
            top: 0;
            width: 100%;
            height: 90px;
        }

        li.active::after {
            content: 'checked';
            display: inline-block;
            position: absolute;
            left: 0;
            top: 0;
            color: red;
            font-size: 14px;
            z-index: 2;
        }
    </style>
    <script src="<?php echo UrlServices::buildWwwUrl('/plugins/jquery-2.1.1.js') ?>"></script>
    <script src="<?php echo UrlServices::buildWwwUrl('/js/web/common.js') ?>"></script>
    <script src="<?php echo UrlServices::buildWwwUrl('/js/default/index.js') ?>"></script>
</head>
<body>
<div style="width: 100%">
    <ul id="score">
        <li><img src="<?php echo UrlServices::buildWwwUrl('/images/gaoyuanyuan.jpg') ?>" alt="">
            <br> 高圆圆
        </li>
        <li><img src="<?php echo UrlServices::buildWwwUrl('/images/jinchengwu.jpg') ?>" alt="">
            <br> 金城武
        </li>
        <li><img src="<?php echo UrlServices::buildWwwUrl('/images/liudehua.jpg') ?>" alt="">
            <br> 刘德华
        </li>
        <li><img src="<?php echo UrlServices::buildWwwUrl('/images/nini.jpg') ?>" alt="">
            <br> 倪妮
        </li>
        <li><img src="<?php echo UrlServices::buildWwwUrl('/images/yangmi.jpg') ?>" alt="">
            <br> 杨幂
        </li>
        <li><img src="<?php echo UrlServices::buildWwwUrl('/images/yueyunpeng.jpg') ?>" alt="">
            <br> 岳云鹏
        </li>
    </ul>
</div>
<div>
    <label>上传附件:</label>
    <form class="col-lg-8 upload_pic_wrap" target="upload_file" enctype="multipart/form-data" method="POST"
          action="<?php echo UrlServices::buildWWWUrl('/default/pic') ?>">
        <div class="upload_wrap pull-left">
            <i class="fa fa-upload fa-2x"></i>
            <input type="hidden" name="bucket" value="score"/>
            <input type="file" name="pic" accept="image/png, image/jpeg, image/jpg,image/gif">
        </div>

    </form>
</div>
<div class="hidden_layout_wrap hide">
    <input type="hidden" name="upload_config" value='<?= json_encode($upload_config) ?>'>
</div>
<iframe name="upload_file" style="display: none"></iframe>
</body>
</html>




